.reocrd-page {
  .header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
  }
  .section-conter {
    padding: 210rpx 0 60rpx;
    .burncommed {
      .total-tips {
        :first-child {
          font-size: 28rpx;
          text-align: center;
        }
        :last-child {
          margin-top: 8rpx;
          font-size: 44rpx;
          font-weight: 400;
          background: linear-gradient(
            90deg,
            #fdf3e3 0%,
            #edcc9c 49%,
            #f5e1c2 100%
          );
          text-align: center;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
      .row-item {
        margin: 32rpx auto;
        width: 686rpx;
        height: 138rpx;
        box-sizing: border-box;
        border-radius: 24rpx;
        padding: 2rpx;
        background-image: -webkit-linear-gradient(90deg, #f6e7a5, #f7a375);

        .card-conr {
          padding: 24rpx 32rpx;
          width: 100%;
          height: 100%;
          background: #000;

          box-sizing: border-box;
          border-radius: 24rpx;
        }
        .row-label {
          display: grid;
          grid-template-columns: 30% 27% 43%;
          grid-column-gap: 10rpx;
          font-size: 28rpx;
          color: #fff;
          :last-child {
            text-align: center;
          }
        }
        .row-value {
          margin-top: 16rpx;
          display: grid;
          grid-template-columns: 30% 27% 43%;
          grid-column-gap: 10rpx;
          font-size: 24rpx;
          font-weight: 400;
          background: linear-gradient(44deg, #f6e7a5 0%, #f7a375 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }

        .row-buy-label {
          display: grid;
          grid-template-columns: 40% 60%;
          grid-column-gap: 10rpx;
          font-size: 28rpx;
          color: #fff;
          :last-child {
            text-align: center;
          }
        }
        .row-buy-value {
          margin-top: 16rpx;
          display: grid;
          grid-template-columns: 40% 60%;
          grid-column-gap: 10rpx;
          font-size: 24rpx;
          font-weight: 400;
          background: linear-gradient(
            90deg,
            #fdf3e3 0%,
            #edcc9c 49%,
            #f5e1c2 100%
          );
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          :last-child {
            text-align: center;
          }
        }
      }
    }
    .commed {
      .total-tips {
        :first-child {
          font-size: 28rpx;
          text-align: center;
        }
        :last-child {
          margin-top: 8rpx;
          font-size: 44rpx;
          font-weight: 400;
          background: linear-gradient(
            90deg,
            #fdf3e3 0%,
            #edcc9c 49%,
            #f5e1c2 100%
          );
          text-align: center;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
      .row-item {
        margin: 32rpx auto;
        width: 686rpx;
        height: 138rpx;
        box-sizing: border-box;
        border-radius: 24rpx;
        padding: 2rpx;
        background-image: -webkit-linear-gradient(90deg, #f6e7a5, #f7a375);

        .card-conr {
          padding: 24rpx 32rpx;
          width: 100%;
          height: 100%;
          background: #000;

          box-sizing: border-box;
          border-radius: 24rpx;
        }
        .row-label {
          display: grid;
          grid-template-columns: 57% 43%;
          grid-column-gap: 10rpx;
          font-size: 28rpx;
          color: #fff;
          :last-child {
            text-align: center;
          }
        }
        .row-value {
          margin-top: 16rpx;
          display: grid;
          grid-template-columns: 57% 43%;
          grid-column-gap: 10rpx;
          font-size: 24rpx;
          font-weight: 400;
          background: linear-gradient(44deg, #f6e7a5 0%, #f7a375 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }

        .row-buy-label {
          display: grid;
          grid-template-columns: 40% 60%;
          grid-column-gap: 10rpx;
          font-size: 28rpx;
          color: #fff;
          :last-child {
            text-align: center;
          }
        }
        .row-buy-value {
          margin-top: 16rpx;
          display: grid;
          grid-template-columns: 40% 60%;
          grid-column-gap: 10rpx;
          font-size: 24rpx;
          font-weight: 400;
          background: linear-gradient(
            90deg,
            #fdf3e3 0%,
            #edcc9c 49%,
            #f5e1c2 100%
          );
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          :last-child {
            text-align: center;
          }
        }
      }
    }
  }
}
